@charset "gb2312";
/* CSS Document */
html { overflow: hidden;}

body { margin:0 auto; font-size:13px; color:#333; font-family:΢ÈíÑźÚ,ËÎÌå,ºÚÌå; line-height:1.5; width: 100%;  *cursor: default;
overflow: hidden; height:100%; text-align:left; background-color:#FFF;-webkit-text-size-adjust:none;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;margin: 0;padding: 0;}
img { border:0px;}
.clearBoth{border-bottom:0;border-left:0;line-height:0;list-style-type:none;width:100%;height:0;clear:both;font-size:0;overflow:hidden;border-top:0;list-style-image:none;border-right:0; width:0px; height:0px;}
a { color:#333; text-decoration:none;}
a:hover { color:#d0121c; text-decoration:none;}
form, button, {border:0 none;font-size:100%;margin:0;padding:0;text-decoration:none;vertical-align:middle;font-size: 12px;list-style-type: none;}

.bj{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);}

@font-face {
    font-family: 'futura_md_btmedium';
    src: url('../webfont/futuram-webfont.eot');
    src: url('../webfont/futuram-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/futuram-webfont.woff2') format('woff2'),
         url('../webfont/futuram-webfont.woff') format('woff'),
         url('../webfont/futuram-webfont.ttf') format('truetype'),
         url('../webfont/futuram-webfont.svg#futura_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alt';
    src: url('../webfont/alt-webfont.eot');
    src: url('../webfont/alt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/alt-webfont.woff2') format('woff2'),
         url('../webfont/alt-webfont.woff') format('woff'),
         url('../webfont/alt-webfont.ttf') format('truetype'),
         url('../webfont/alt-webfont.svg#futura_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
.p_r{position:relative;}
.con_2{width:100%;height:auto;}
.s-padding {
	padding:80px 0 0 0;
}
.s-padding1 {
	padding:60px 0 0 0;
}
.ships{ width:360px; height:260px;}
.xxleft{float:left;width:30%; height: 290px; position:relative;}
.xxbg1{position:absolute;width:350px; height:330px; background-color: rgba(0,91,172,0.3);top:-10px; left:0px; z-index:33;}
.xxbg2{position:absolute;width:260px; height:260px; border:1px solid #307ee9;top:-26px; left:-30px;z-index:30;}
.xxjjCenBotL_c{ width: 360px; height: 260px;overflow: hidden;border:8px solid #fff; position:absolute; left:20px; top:20px; z-index:60; }
.xxjjCenBotL_c iframe{ width:100%; height:246px;}
.xxjjCenBotL_c img{ width: 300px; height:230px;}
.xxjjCenBotL_c:hover img{transform: scale(1.1); transition: all 1.1s ease 0s; -webkit-transform: scale(1.06); -webkit-transform: all 1s ease 0s;}
.xxjjright{float:right; width:62%; color:#000; line-height:30px;text-align:left;}
.xxjjright p{ font-weight:bold;}
.xxjjright p.xxrclas{text-indent:2em;font-size:16px; line-height:2.2em; font-weight:normal;}
#pageContain { overflow: hidden;}
.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
.page1 { background: #fff;}
.page2 { background: #fff url(../images/inxpage2bj.jpg) bottom center repeat-x;}
.page3 { background: #fff url(../images/inxpage3bj.jpg) top center repeat; background-size:auto 100%;}
.page4 { background: #fff url(../images/1491472757886.jpg) top center repeat; background-size:auto 100%;}
.page5 { background: #fff url(../images/inxpage5bj.jpg) top center repeat; background-size:auto 100%;}
.page6 { background: #fff url(../images/inxpage6bj.jpg) top center repeat;}

#navBarpage { z-index: 999; position: absolute; top: 40%; right: 2%;}
#navBarpage .active { width: 12px;height: 12px; border: 4px solid #cb0808;background: #cb0808; margin-left:3px;}
#navBarpage li { width: 8px;height: 8px;border-radius: 50%;background: #00275e;margin: 15px 0 0 5px;}

#bannerCarousel, #bannerCarousel .carousel-inner, #bannerCarousel .carousel-inner .item{width:100%; height:100%;}
#bannerCarousel .carousel-inner{ margin-top:0px;}
.banner01{/* background: #fff url(../images/banner01bj.jpg) top center repeat;*/ background-size:auto 100%; width:100%; height:100%;}
.banner02{/* background: #fff url(../images/banner02bj.jpg) top center repeat;*/ background-size:auto 100%; width:100%; height:100%;}
.banner01 .img-responsive,.banner02 .img-responsive{ width:100%; height:auto;}

.top{ width:100%; position:relative; z-index:9999;}
.logo{ float:left; margin-top:10px; margin-left:4%;}

.topbj{ width:100%; height:100%; position:absolute; z-index:-1; background:url(../images/bark20.png) repeat;  top:0px;  z-index:-1; display:none;}
#nytop .topbj{ display:block;}

.navsmbj{ position:fixed; background:url(../images/bark85b.png) repeat; top:0; left:0; width:100%; height:100%; z-index:998; display:none;}

#navbar{ background:none; border:none; height:80px;}
#topnavright{ float:right; margin-top:15px; margin-right:4%;}
#topnavright a{ font-size:15px; color:#fff; }

#navbar .navbar-toggle{ margin-top:22px; margin-bottom:22px;}

.topsmnav{ float:none; margin:15px 0px; width:100%; text-align:center;}
.tnavbtnsm{ margin-bottom:2px; background:none; }
#topnavright .tnavbtnsm a{font-size:18px; padding-top:12px; padding-bottom:12px;}

.inxbt{ width:100%; padding-top:115px; text-align:center;}
.inxbt_eng{ font-size:36px; color:#00275e; text-transform:uppercase; font-family:'futura_md_btmedium';}
.inxbt_cha{ font-size:26px; color:#00275e; margin-top:0px;}
.inxbt span{ color:#cb0808;}

#page2part1, #page2part2{ margin-top:5%;
    position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	 cursor:pointer;
	progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0;
}
#page2part1:focus, #page2part1:focus{
	outline: none;
}
.p2p1_pic{ background:url(../images/inxpt_03.png) no-repeat; width:90px; height:90px; margin:20px auto;}
.button--wayra:hover .p2p1_pic{background:url(../images/inxpto_03.png) no-repeat;}

.p2p2_pic{ background:url(../images/inxpt_05.png) no-repeat; width:90px; height:90px; margin:20px auto;}
.button--wayra:hover .p2p2_pic{background:url(../images/inxpto_05.png) no-repeat;}

.p2p3_pic{ background:url(../images/inxpt_07.png) no-repeat; width:90px; height:90px; margin:20px auto;}
.button--wayra:hover .p2p3_pic{background:url(../images/inxpto_07.png) no-repeat;}

.p2p4_pic{ background:url(../images/inxpt_09.png) no-repeat; width:90px; height:90px; margin:20px auto;}
.button--wayra:hover .p2p4_pic{background:url(../images/inxpto_09.png) no-repeat;}

.p2p5_pic{ background:url(../images/inxpt_11.png) no-repeat; width:90px; height:90px; margin:20px auto;}
.button--wayra:hover .p2p5_pic{background:url(../images/inxpto_11.png) no-repeat;}

.p2p6_pic{ background:url(../images/inxpt_13.png) no-repeat; width:90px; height:90px; margin:20px auto;}
.button--wayra:hover .p2p6_pic{background:url(../images/inxpto_13.png) no-repeat;}

.p2p_bt{ color:#00275e; font-size:18px; text-align:center; margin-bottom:10px;}
.p2p_bt .p2p_btgl{ color:#e83426;}
.p2p_bt_eng{ display:block; font-size:13px; text-transform:uppercase; font-family:'futura_md_btmedium';}
.p2p_txt{ font-size:13px; line-height:20px; color:#6d7e96; text-align:center; margin-bottom:20px;}

/* Wayra */
.button--wayra {
	overflow: hidden;
	width: 100px;
	-webkit-transition: border-color 0.5s, color 0.5s;
	transition: border-color 0.5s, color 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.5, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.5, 1);
}
.button--wayra::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #fff;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -90deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -90deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
	transition: transform 0.3s, opacity 0.5s, background-color 0.5s;
}
.button--wayra:hover .p2p_bt, .button--wayra:hover .p2p_bt .p2p_btgl,.button--wayra:hover .p2p_txt{
	color: #fff;
}

.p2p_bt, .p2p_btgl,.p2p_txt, .p2p1_pic{
	transition:all 0.5s;-webkit-transition:all 0.5s;
}
.button--wayra:hover::before {
	opacity: 1;
	background-color: #00275e;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.5, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.5, 1);
}

#page2part2:hover::before {
	background-color: #cb0808;
}


.page3txt{ width:26%; float:left; margin:100px 0px 0px 13%;}
.page3txtp{ width:49%; float:left; margin-bottom:60px;}
#page3r{ float:right;}
.page3txtpic{ width:50px; float:left; margin-top:5px;}
.page3txtbt{ font-size:16px; color:#00275e; font-weight:bold;}
.page3txtjs{ font-size:13px; color:#999;}

.buttonp3:link, .buttonp3:hover{ color:#fff; font-size:15px; line-height:33px; text-align:center; text-decoration:none;}

.buttonp3 {
	width: 125px;
	height:33px;
	display: block;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	background:#cb0808;
	color:#fff;
	margin:0px auto;
}

.button--round-l {
	border-radius: 40px;
}
.buttonp3:hover::before {
	background-color:#F90;
}
.buttonp3::before{background:#cb0808;}

.page3cl{ width:50%; height:407px; position:relative;/* background:url(../images/page3clbj.png) no-repeat top left;*/float:right; margin:50px 8.5% 0px 0px;}

.page3cl_img { width:100%; height:55%; text-align:center; margin-top:20px; display:none;}
.page3cl_img img{ width:auto; height:100%;}

#slider_pc{ position:absolute; left:9px; top:10px; z-index:20;}
#slider_pad{ position:absolute; left:520px; top:86px; z-index:21;}
#slider_phone{ position:absolute; left:460px; top:212px; z-index:22; background:url(../images/page3phonebj.png) no-repeat; width:101px; height:194px;}

#slider_pc, .slider_pc_list, .slider_pc_list ul, .slider_pc_list ul li, .slider_pc_list img { width:498px; height:369px;}
#slider_pad, .slider_pad_list, .slider_pad_list ul, .slider_pad_list ul li, .slider_pad_list img { width:194px; height:299px;}
.slider_phone_list, .slider_phone_list ul, .slider_phone_list ul li, .slider_phone_list img { width:92px; height:175px;}

#slider_phone .slider_phone_list{ margin-top:10px; margin-left:4px;}

.hd{height:20px; width:708px; bottom:-50px; position:absolute;} 
.hd ul{ zoom:1; margin-top:10px; margin:0px auto; width:auto; position:relative; left:50%; float:left;} 
.hd ul li{ position:relative; _display:inline; float:left;  width:12px; height:12px; overflow:hidden; background:#fff; margin-left:6px; margin-right:6px;text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc); border:1px #CCCCCC solid; float:left; right:50%;} 
.hd ul li.on{ background:#e83426;  border:1px #e83426 solid; } 

#slider_pad .hd,#slider_phone .hd{ display:none;}

.nonehd{height:13px; width:728px; bottom:-15px; position:absolute; z-index:22;} 
.nonehd ul{ zoom:1; margin-top:0px; margin:0px auto; width:auto; position:relative; left:50%; float:left;} 
.nonehd ul li{ position:relative; _display:inline; float:left;  width:14px; height:20px; overflow:hidden; background:url(../images/none.png); margin-left:5px; margin-right:5px;text-indent:-999px; cursor:pointer; float:left; right:50%;}

.zslistdt1{ width:110%; height:auto; padding:20px 0 0 0; overflow:hidden;}
.zslistdt1 ul{ }
.zslistdt1 li{ float:left; margin:0 30px 23px 0; width:93%; color:#000; text-align:left; border-bottom:0px solid #CCC;}
.zslistdt1 li span.pic_tdt{ float:left; width:94px;}
.zslistdt1 li span.pic_tdt img{ width:100%;-moz-border-radius:45px;-webkit-border-radius:50px;border-radius: 50px; border:3px solid #FFF; }
.zslistdt1 li span.word_tdt{ float:left; width:70%; text-align:left; line-height:28px; font-size:1em; padding:0 0 0 30px;}
.zslistdt1 li span.word_tdt span.titkdt{ float:left; width:100%; text-align:left;height:28px; line-height:30px; font-size:1.5em; overflow:hidden; font-weight:bold;}
.zslistdt1 li span.word_tdt span.titkwdt{ float:left; width:100%; text-align:left; line-height:28px; font-size:1em; color:#666}

/*case*/
.carousel-inner{ margin-top:30px;}
.item{ width:100%;}
.inxcasep{ display:inline-block; width:32%; margin-left:0.5%;/* background:#fff;*/ position:relative; height:auto;}
.inxcasep .inxcaseimg{ width:100%; height:auto; overflow:hidden; position:relative; }
.inxcasep .inxcaseimg .img-responsive{ width:100%; height:auto;}
.inxcasep img{-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;-ms-transition:all 2s;transition:all 2s;progid:DXImageTransform.Microsoft.Alpha(opacity=1); opacity:1;}
.inxcasep:hover img{progid:DXImageTransform.Microsoft.Alpha(opacity=1); opacity:1;
    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    -transform:scale(1.2,1.2);
}

.casebark{ width:100%; height:100%; background:url(../images/barkca.png) repeat; position:absolute; z-index:980;
progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0;webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}

.inxcasep:hover .casebark{progid:DXImageTransform.Microsoft.Alpha(opacity=1); opacity:1;}


.inxcasebt{ width:100%;height:80px; background:#FFF; text-align:center; font-size:13px; line-height:20px;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s;}
.inxcasebt span{ display:block; font-size:17px; padding:20px 0px 5px;}

/*.inxcasep:hover .inxcasebt{background:#eef1ff;}*/

.inxcasep .inxcasetxt::before,
.inxcasep .inxcasetxt::after {
	position: absolute;
	top:50%;
	left: 50%;
	width: 50%;
	height: 1px;
	background: #ccc;
	content: '';
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	opacity: 0;
	z-index:992;
}

.inxcasep:hover .inxcasetxt::before {
	opacity: 0.8;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
	transform: translate3d(-50%,-50%,0) rotate(45deg);
}

.inxcasep:hover .inxcasetxt::after {
	opacity: 0.8;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
	transform: translate3d(-50%,-50%,0) rotate(-45deg);
}

.inxcaseion{ position:absolute; top:50%; text-align:center; width:100%; z-index:995; margin-top:-25px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s; progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0;}
.inxcaseion a{ -webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;margin:0px 70px;}
.inxcaset1{ background:url(../images/caseion_03.png) no-repeat; width:51px; height:51px; display:inline-block;}
.inxcaset1:hover{ background:url(../images/caseion_03o.png) no-repeat;}
.inxcaset2{ background:url(../images/caseion_05.png) no-repeat; width:51px; height:51px; display:inline-block;}
.inxcaset2:hover{ background:url(../images/caseion_05o.png) no-repeat;}
.inxcasep:hover .inxcaseion{ position:absolute; top:50%; text-align:center; width:100%; z-index:995; margin-top:-25px; progid:DXImageTransform.Microsoft.Alpha(opacity=1); opacity:1;}
.inxcasep:hover a{margin:0px 40px; color:#FFF;}
.inxcasep:hover a:link, .inxcasep:hover a:hover{color:#FFF; text-decoration:none;}

.caselr{ width:100%; text-align:center;}
#caseleft, #caseright{ position:static;}
#caseleft:hover, #caseright:hover{filter:alpha(opacity=100);opacity:1}
.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin:20px 10px 0px;
	width: 41px;
	height: 41px;
	text-align: center;
	background: #fff;
}
#caseleft{ background:url(../images/casel.png) no-repeat;}
#caseright{ background:url(../images/caser.png) no-repeat;}
#casemore{ background:url(../images/caselr_sb.png) no-repeat; position:static;}


/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #cb0808;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.inxcasep:hover .hvr-sweep-to-bottom, .inxcasep:focus .hvr-sweep-to-bottom, .inxcasep:active .hvr-sweep-to-bottom {
  color: white;
}
.inxcasep:hover .hvr-sweep-to-bottom:before, .inxcasep:focus .hvr-sweep-to-bottom:before, .inxcasep:active .hvr-sweep-to-bottom:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


.page5num{ margin-top:115px;}
.page2000{ width:300px; float:left; font-size:184px; color:#d00000; font-family:'alt'; line-height:160px; position:relative;}
.pageadd{ width:quto; float:left; margin-left:20px; margin-top:60px;}
#page5numl{ padding-right:0px; padding-left:0px;}
.pageaddl1{ font-size:48px; color:#d00000; font-family:'alt'; line-height:36px; font-weight:bold; position:absolute; left:300px;}
.pageaddl2{ color:#222; font-size:17px; margin-top:0px;font-weight:bold;}
.pageaddl2 span{  color:#d00000;}
.pageaddl2 .pageaddl2e{ font-size:25px; font-weight:normal; color:#222; font-family:'futura_md_btmedium'; margin-right:5px;}
.pageaddl3{ color:#222; font-size:17px; margin-top:5px; font-weight:bold;}

.page5numr{ margin:0px; padding:0px;}
.p5rp{ width:32%; float:left; margin:0px 0.5%; text-align:center; border-right:1px #bbb dotted;}
.p5rp_num{font-size:100px; color:#d00000; font-family:'alt'; line-height:105px;}
.p5rp_txt{ color:#222; font-size:17px;}
#p5rp3{ border-right:none;}

#logoCarousel{ margin-top:15px;}
#logoCarousel img{ width:100%; height:auto;}
#logoCarousel a{ display:block; float:left; width:16.5%;}
.page5 .container{ padding-left:0px; padding-right:0px; max-width:1200px;}
#logoCarousel .carousel-indicators{ bottom:-50px;}

#logosel1{ border-right:1px #ccc dotted; border-bottom:1px #ccc dotted;}
#logosel2_e{border-bottom:1px #ccc dotted;}
#logosel1_e, #logosel2_e{ border-right:none;}
#logosel2{border-right:1px #ccc dotted;}

.contxt{ width:50%; margin:30px 150px 0px 0px; float:right; font-size:15px; color:#1d3352; line-height:38px;}
.contxt p{ display:block;}
.contxt .conyw a:link{ font-size:22px; font-family:'futura_md_btmedium'; background:none; display:inline-table; color:#1d3352;}
.contxt .conyw a:hover{ text-decoration:none;}
.contxt .contxtqqa{ background:url(../images/qq_05.png) no-repeat; width:42px; height:42px; margin-right:20px; display:inline-block; vertical-align:middle;}
.contxt .contxtqqa:hover{ background:url(../images/qq.png) no-repeat;}
.contxt .convisible{color:#1d3352; line-height:38px; font-size:15px;}
.mheo{ height:18px;}
.copyr{ width:100%; text-align:center;font-size:14px; color:#1d3352; margin-top:20px;}
.copyr a{color:#1d3352;}

.bannertxt{ font-size:37px; font-family:'futura_md_btmedium'; text-transform:uppercase; text-align:center; color:#00275e; padding-left:0px; padding-right:0px; line-height:50px; margin-top:22%;}
.bannertxt p{ font-size:57px; line-height:63px;}
.bannertxt span{ color:#cb0808;}

.bannerimg1{ width:85%; margin:22% auto 0px; height:auto;}
.bannerimg2{ width:96%; margin:0px auto;}

.bannertxt .bannertxt_c{ font-size:35px; font-family:΢ÈíÑźÚ;}

#ie7tips{ width:100%; height:100%;background-color:#6ABDDA; z-index:999; position:absolute; display:none; progid:DXImageTransform.Microsoft.Alpha(opacity=0.8); opacity:0.8;}
#ie7tips p{ width:100%; height:50px; text-align:center;  line-height:50px;color:#DD4E42; font-size:18px; position:absolute; left:0; top:50%; margin-top:-25px;}
.caseimga{ display:block; width:100%; height:100%;}

/* ¿Í·þ */
.side{position:fixed; width:39px;height:130px;right:0; bottom:0px;z-index:9999;}
.side ul li{width:39px;height:39px;float:left;position:relative; margin-bottom:1px;}
.side ul li .sidebox{position:absolute;width:39px;height:39px;top:0;right:0;transition:all 0.3s;background:#00275e;opacity:1;filter:Alpha(opacity=100);color:#fff;font:14px/39px "΢ÈíÑźÚ";overflow:hidden;}
.side ul li .sidetop{width:39px;height:39px;line-height:39px;display:inline-block;background:#00275e;opacity:1;filter:Alpha(opacity=100);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#e83426;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.kferm { position:absolute; top:-45px; right:110px; display:none;}

.kfk{ position:fixed; z-index:99999; top:50%; left:50%; margin-top:-125px; text-align:center;  margin-left:-190px; max-width:380px; max-height:250px;}
.kfk .img-responsive{ display:inline; margin:0 auto;}
.kfk .kfxx{ background:url(../images/kfx.png) no-repeat; width:55px; height:50px; position:absolute; right:0px; top:0px; cursor:pointer;}





.newslist4{ width:80%; height:auto;}
.newslist4 li{ float:left; width:100%; margin:0 0 22px 0; height:auto; background:#f7f7f7;;/*-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);*/	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear}
.newslist4 li .newleft1{ float:left; width:18%; height:auto; background:#7ca5c3;padding:8px 0 25px 0;}
.newslist4 li .newleft1 .qitad{ float:left; width:96%; padding:0 4% 0 0; height:auto; line-height:23px; color:#FFF; font-size:14px; text-align:right;}
.newslist4 li .newleft1 .qitad h6:nth-child(1) a{ margin-top:0px;}
.newslist4 li .newleft1 .ruqi{ float:left; width:96%; padding:6px 4% 0 0;line-height:50px;text-align:right;font-size:50px; color: #fff;font-family: "Impact"; }
.newslist4 li .newleft_k1{ float:left; width:80%; height:auto;}
.newslist4 li .newleft_k1 .newtits{ float:left; width:90%; padding:0 0 0 10px; height:35px; line-height:35px; font-size:1.5em; text-align:left;}
.newslist4 li .newleft_k1 .newtitswd{ float:left; width:90%; padding:0 0 0 10px; line-height:26px; font-size:14px; color:#666666;}
.newslist4 li .newleft_k1 .newtitswdinfo{float:left; width:99%; padding:12px 0 0 40px; color:#999999;}
.newslist4 li .newleft_k1 .newtitswdinfo .r_llls{ float:right; width:160px;text-align:center;}
.newslist4 li .newleft_k1 .newtitswdinfo .r_llls a{color:#0188e2;}